<template>
  <div class="user">
    <Setting/>
    <UserName/>
    <Shopping/>
    <MyCard/>
    <Tool/>
  </div>
</template>
<script>

import Setting from './components/Setting.vue'
import UserName from './components/UserName.vue'
import Shopping from './components/Shopping.vue'
import MyCard from './components/MyCard.vue'
import Tool from './components/Tool.vue'
export default {
  name: 'User',
  components: { Setting, UserName, Shopping, MyCard, Tool },
  data () {
    return {}
  }
}
</script>
<style lang="stylus" scoped>
	.user
		height: 100vh;
		background:url('~assets/userIcon/background.png') no-repeat
		background-size: 100% 102%
</style>
